﻿@model IEnumerable<com.fmtx.Model.Picture>
@{
    ViewBag.Title = "秀色可餐";
    ViewBag.keyword = ViewBag.bean.KeyWord;
}
@section header{
    @Styles.Render("~/js/jquery.gallery/css")
 <style type="text/css">

  #gallery {
    padding-top:20px;
  }
.ad-gallery {
     height:initial;
}

  </style>
}
<div class="container row-fluid" >
<div id="gallery" class="ad-gallery span10">
     <div class="ad-nav">
        <div class="ad-thumbs">
          <ul class="ad-thumb-list">
              @if(Model!=null){
                  foreach (var item in Model)
                  {
                      <li id="li_@item.Id">
                          <a href="@StaticCs.ImageUrl/img/Artwork?file=@item.PicAddress">
                            <img title="@item.Title" alt="@item.Content" src="@StaticCs.ImageUrl/img/?m=HeightAndWidth&w=90&h=60&file=@item.PicAddress" >
                          </a>
                        </li>
                  }
              }
          </ul>
        </div>
      </div> 
    <div class="clear" style="margin-bottom:20px;"></div>
    <div id="imgbox" class="ad-image-wrapper">
      </div>
      <div class="ad-controls">
      </div>
      
    <div class="clear" style="margin-top:20px;">
       标签:  @ViewBag.bean.KeyWord    
        <span style="float:right;" >
                        <!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
<span class="bds_more">分享到：</span>
<a class="bds_qzone"></a>
<a class="bds_tsina"></a>
<a class="bds_tqq"></a>
<a class="bds_renren"></a>
<a class="bds_t163"></a>
<a class="shareCount"></a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6646780" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
    document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000)
</script>
<!-- Baidu Button END -->
                    </span>
    </div>
    <div>
        <script src="~/js/ads/ad-photo-detail.js"></script>
    </div>
</div>

    <div class="span2 " >
        <div class="well longtxt" >
         <fieldset>
            <legend style="margin-bottom: 0px; font-size:15px;line-height:20px;">@ViewBag.bean.Name </legend>
            <div class="control-group">
                <div class="controls">
                    @ViewBag.bean.CityName
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    @ViewBag.bean.PlaceName
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    @ViewBag.bean.Summary
                </div>
            </div>
            <div style="clear:both;"></div>
        </fieldset>
           </div>
         @if (!ViewBag.user.IsSystem){
            <div class="well">
                <div style="width:60px;height:60px;float:left; padding-right:10px;" >
                    <img style="width:60px;" src="@(StaticCs.ImageUrl)/img/artwork?file=@ViewBag.user.Header" />
                </div>
                <div style="margin-bottom:5px;">
                    <span  ><i class="icon-user" ></i><a target="user" rel="tooltip" data-original-title="去Ta的主页看看吧！" href="/@ViewBag.user.Uid" >@ViewBag.user.Name</a></span>
                </div>
                <div class="font12 fontcl">
                    <span><a class="pointer">关注Ta</a></span><span style="margin-left:15px;"><a class="pointer">加好友</a></span>
                </div>
                <span class="font12 fontcl">这家伙很懒，什么也没留下~</span>
                <div class="clear"></div>
            </div>
            }
       
        @{var i = 1;}
        <div class="well ">
            <fieldset class="span12" >
            <legend style="margin-bottom: 0px; font-size:15px;line-height:20px;">相关游记</legend>
            <ul class="unstyled">
                    @if (ViewBag.xgarticle != null)
                    {
                        foreach (var item in ViewBag.xgarticle)
                        {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a></li>
                            i++;
                        }
                    }
                </ul>
           </fieldset>
          <div class="clear"></div>
        </div>
        <div class="well ">
                <ul id="myTab" class="nav nav-tabs">
                  <li class="active"><a href="#home" data-toggle="tab">最新</a></li>
                  <li class=""><a href="#profile" data-toggle="tab">最热</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade active in" id="home">
                <ul class="unstyled">
                    @if(ViewBag.newlist!=null){
                        i = 1;
                          foreach (var item in ViewBag.newlist)
                          {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" href="/Article/@item.Id" title="@item.Title" >@item.Title</a></li>
                              i++;
                          }
                    }
                </ul>
              </div>
              <div class="tab-pane fade" id="profile">
               <ul class="unstyled">
                @if (ViewBag.hostlist != null)
                {
                    i = 1;
                    foreach (var item in ViewBag.hostlist)
                    {
                            <li style="line-height:30px;" class="clear"><span style="float:left;">@i .</span>
                                <a style="float:left;width:90%" class="longtxt" title="@item.Title" href="/Article/@item.Id" >@item.Title</a></li>
                        i++;
                    }
                }
                </ul>
              </div>
            </div>
                <div class="clear"></div>
            </div>

        <div class="well " style="padding:0px;" >
            <script src="~/js/ads/ad-photo-detail-right.js"></script>
            </div>
    </div>
</div>

@section scripts{
    @Scripts.Render("~/js/jqgallery") 
     <script type="text/javascript">
         $(function () {
             var height = document.documentElement.clientHeight-170;
             $("#imgbox").css({ height: height });
             var index = $('.ad-thumb-list li').index($('#li_@Html.ViewContext.RouteData.Values["id"]'));
             var galleries = $('.ad-gallery').adGallery({ loader_image: "/css/images/loading.gif", start_at_index: index ,thumb_opacity:0.5});
         });
         setmainmenu("photo");
  </script>
}
